<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>sellList</title>

	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

	<link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>
</head>
<body>



	


	<!-- header -->
	<header id="header">
		<div class="centerCon clearfloat">
			<div class="Logo">
				<a href="#"><img src="images/public/Logo.jpg"></a>
			</div>
			<div class="NavAndSearch clearfloat">
				<nav class="clearfloat">
					<a class="active" href="#">首页</a>
					<a href="#">新闻</a>
					<a href="#">专题</a>
					<a href="#">视频</a>
					<a href="#">发售列表</a>
					<a href="#">Digger</a>

				</nav>
				<form class="Search">
					<input id="SearchInupt" class="" type="text" name="" pattern="Search">
					<button type="button" id="showSearch" class="iconCn"><i class="iconfont">&#xe63c;</i></button>
				</form>
			</div>
		</div>
	</header>
	<!-- header end -->










	<section class="Sell">
		<div class="centerCon clearfloat">
			<div class="LCn">
				<div class="linkImg">
					<a href="#"><img src="images/ku/img_07.jpg"></a>
				</div>
				<div class="linkImg">
					<a href="#"><img src="images/ku/img_07.jpg"></a>
				</div>
			</div>

			<div class="RightCn">
				<div class="top clearfloat">
					<div class="head">发售列表</div>



					<div class="calendar" id="MyCalendar">
						<div class="year" id="Year">
							<span class="ll"><i class="iconfont">&#xe61f;</i></span>
							<span class="befoer">2016</span>
							<span class="center">2017</span>
							<span class="after">2018</span>
							<span class="rr"><i class="iconfont">&#xe624;</i></span>
						</div>

						<div class="month" id="Month">
							<div class="head">
								<span class="ll"><i class="iconfont">&#xe61f;</i></span>
								<span class="Monthind">12</span><span>月</span>
								<span class="rr"><i class="iconfont">&#xe624;</i></span>
							</div>

							<ul class="nav clearfloat">
								<li>日</li>
								<li>一</li>
								<li>二</li>
								<li>三</li>
								<li>四</li>
								<li>五</li>
								<li>六</li>
							</ul>
							<ul class="monthCobn clearfloat"></ul>
						</div>

					</div>



				</div>

				<ul class="SellLs" id="SellLs">
					<!-- <li>
						<div class="Time"><span class="yuan"><span class="dian"></span></span> <div class="Con">2016.12.12</div></div>
						<ul class="SellLsCnNi clearfloat">
							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>
						</ul>
					</li>
 -->
					<li>
						<div class="Time"><span class="yuan"><span class="dian"></span></span> <div class="Con">2016.12.12</div></div>
						<ul class="SellLsCnNi clearfloat">
							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>
						</ul>
					</li>

					<li>
						<div class="Time"><span class="yuan"><span class="dian"></span></span> <div class="Con">2016.12.12</div></div>
						<ul class="SellLsCnNi clearfloat">
							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="imgC"><img src="images/ku/img_26.jpg"></div>
									<div class="title">AAPE by A Bathing Ape X K-Swiss Classic 66</div>
								</a>
							</li>
						</ul>
					</li>
				</ul>



			</div>


		</div>
	</section>





















	<!-- footer -->
	<footer id="footer">
		<div class="centerCon">
			<div class="imgC"><img src="images/public/Logo_02.jpg"></div>
			<div class="link">
				<a href="#">关于我们</a>
				<a href="#">联系方式</a>
				<a href="#">隐私政策</a>
				<a href="#">广告业务</a>
				<a href="#">招聘信息</a>
			</div>

			<p>2016LONG7.COM ALL RIGHTS RESERVED / POWERED BY LONG7 PROFESSIONAL SNEAKER MEDIA 沪ICP备15526666号</p>
		</div>
	</footer>
	<!-- footer end -->












	<script type="text/javascript" src="js/public.js"></script>
	<!-- <script type="text/javascript" src="js/index.js"></script> -->
	<script type="text/javascript" src="js/calendar/calendar.js"></script>


	<script type="text/javascript">
		$(function () {


			function QHNavCon(){

				var DismantlingQHNavSwiper = new Swiper ('#DismantlingQHNav', {
					direction: 'vertical',
			    // loop: true,
			    slidesPerView : 4,
			    
			    nextButton: '.QHNavbutton-next',
			    prevButton: '.QHNavbutton-prev',
			    
			})   
				$('#QHNavCon').on('click','.swiper-slide',function(){
					$(this).siblings().find('.butomUc').removeClass('active');

					$(this).find('.butomUc').addClass('active');
				})
			}
			QHNavCon();



			


			function DismantlingBobuSwei(){

				var DismantlingQHNavSwiper = new Swiper ('#DismantlingBobuSwei', {
					loop: true,

					nextButton: '.BobuSweinext',
					prevButton: '.BobuSweiprev',

				})   
				$('#QHNavCon').on('click','.swiper-slide',function(){
					$(this).siblings().find('.butomUc').removeClass('active');

					$(this).find('.butomUc').addClass('active');
				})
			}
			DismantlingBobuSwei();
		})
	</script>

</body>
</html>